window.onload=function(){
    $(function () {
        $.extend({
            setLis: function () {
                $(".list-rec-banner-dot ul li").click(function () {
                    let i = $(this).index();
                    let n = $(".list-rec-banner-wrap li").length;
                    let m = n % 4;
                    $(this).addClass("list-rec-banner-dot-visited").siblings().removeClass("list-rec-banner-dot-visited");
                    let oleft = $(".list-rec-banner-wrap").position().left;
                    if (i == 2 && oleft < 0) {
                        $(".list-rec-banner-wrap").animate({ left: oleft - (m * 310) });
                    } else {
                        $(".list-rec-banner-wrap").animate({ left: -(i * 1240) });

                    }
                })
            }
        })
        $.setLis();
    })
}